import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios'
import moment from 'moment'
import ViewUI from 'view-design'
import 'view-design/dist/styles/iview.css'
import liz from 'liz-tools'
// 引入echarts
import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts
// 定义全局时间戳过滤器
Vue.filter('formatDate', function(value) {
  return moment(value).format('YYYY-MM-DD HH:mm:ss')
})
Vue.filter('formats', function(value) {
  return moment(value).format('YYYY-MM-DD')
})
// 配置请求的根路径
axios.defaults.baseURL = 'http://127.0.0.1:3000'

axios.interceptors.request.use(config => {
  config.headers.Authorization = window.sessionStorage.getItem('token')
  // 在发起axios请求前自动进行预处理，追加一个token，以便于访问需要权限的页面
  // 为请求头对象(headers)中添加token验证的自定义字段(Authorization)
  // 作用是为了让需要验证才能使用的API能够使用(请求头中携带了token值则可通过验证)
  // 在最后必须return config
  return config
})

Vue.config.productionTip = false
Vue.prototype.$http = axios
Vue.use(ViewUI)
Vue.use(liz)

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
